<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>a</title>
</head>

<body style="padding:0;margin:0;">
    <div id="a-main" style="width: 100%; overflow: hidden;">
        <style>
            #a-main .block {
                width: 100%;
                position: relative;
            }

            #a-main .block img {
                width: 100%;
                display: block;
            }

            @media screen and (max-width: 1200px) {
                #a-main .block {
                    width: 100vw;
                }

                #a-main .block .image {
                    width: 100vw;
                }
            }
        </style>
        
        <div class="block"><img src="./images/a_01.jpg" alt="1" /> </div>
        <div class="block"><img src="./images/a_02.jpg" alt="1" /> </div>
        <div class="block"><img src="./images/a_03.jpg" alt="1" /> </div>
        <div class="block"><img src="./images/a_04.jpg" alt="1" /> </div>
        <div class="block"><img src="./images/a_05.jpg" alt="1" /> </div>
        <div class="block"><img src="./images/a_06.jpg" alt="1" /> </div>
        <div class="block"><img src="./images/a_07.jpg" alt="1" /> </div>
        <div class="block"><img src="./images/a_08.jpg" alt="1" /> </div>
        <div class="block"><img src="./images/a_09.jpg" alt="1" /> </div>
        <div class="block"><img src="./images/a_10.jpg" alt="1" /> </div>
        <div class="block"><img src="./images/a_11.jpg" alt="1" /> </div>
        <div class="block"><img src="./images/a_12.jpg" alt="1" /> </div>
        <div class="block"><img src="./images/a_13.jpg" alt="1" /> </div>
        <div class="block"><img src="./images/a_14.jpg" alt="1" /> </div>
        <div class="block"><img src="./images/a_15.jpg" alt="1" /> </div>
        <div class="block"><img src="./images/a_16.jpg" alt="1" /> </div>
    </div>
</body>

</html>